<template>
  <div id="indexBox">
    <main>
      <h3>CakeShop后台管理系统</h3>
      <p>
        发现
        <span>生活</span>
        的
        <span>美</span>
      </p>
    </main>
  </div>
</template>

<script>
</script>

<style scoped>
  #indexBox{
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: url(../../assets/loginbg.png) no-repeat 0 0;
    background-size: 100% 100%;
  }

  #indexBox main {
  	width: 400px;
  	margin: 0 auto;
  	/* background: rgba(255,255,255,0.7); */
  	padding: 20px 25px;
  	box-sizing: border-box;
  	border-radius: 5px;
  }

  #indexBox main h3 {
  	text-align: center;
  	margin-bottom: 20px;
  	font-size: 28px;
  	color: #f97487;
  }
  #indexBox main p {
  	text-align: center;
  	margin-bottom: 20px;
  	font-size: 17px;
  	color: red;
  }
  #indexBox main p span {
  	text-align: center;
  	margin-bottom: 20px;
  	font-size: 17px;
  	color: #f97487;
  }
</style>
